<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/jsp/taglib.jsp" %>
<html>
<head>
    <title>个人中心</title>
    <link rel="stylesheet" href="<spring:url value="/css/jquery.Jcrop.css" />"/>
    <link rel="stylesheet" href="<spring:url value="/css/bootstrap.min.css"/>"/>
    <c:import url="/WEB-INF/jsp/frontend/head.jsp"/>
    <link rel="stylesheet" href="<spring:url value="/css/personalCenter.css" />"/>
    <script src="<spring:url value="/js/jquery.min-1.9.0.js"/>" type="text/javascript"></script>
    <script src="<spring:url value="/js/jquery.Jcrop.js"/>" type="text/javascript"></script>
    <%--<script src="<spring:url value="/js/jquery.color.js"/>" type="text/javascript"></script>--%>
</head>
<body>
<div class="head">
    <c:import url="/WEB-INF/jsp/frontend/header.jsp"/>
</div>

<div class="personal-container">
    <div class="personal-header">
        <div class="personal-header-content">
            <div class="header-portrait">
                <img src="<spring:url value="/${user.userPhoto}" />" class="portrait img-circle">
                <p class="username">${user.userName}</p>
            </div>
            <div class="personal-attribution">贡献值 <span class="shownumber">${user.userContribution}</span></div>
            <div class="personal-relation">
                <%--<span class="personal-focus">关注 <a href="#" class="personal-underline shownumber">404</a></span>--%>
                <%--<span class="personal-fans">粉丝 <a href="#" class="personal-underline shownumber">404</a></span>--%>
                <span class="personal-focus">获赞 <a href="#"
                                                   class="personal-underline shownumber">${user.userLikeNum}</a></span>
                <span class="personal-fans">粉丝 <a href="#"
                                                  class="personal-underline shownumber">${user.userFunsNum}</a></span>
            </div>
            <div class="personal-information">
                <a href="<spring:url value="/wallet/index"/>" class="personal-phone"><img src="<spring:url value="/images/personal-center/wallet.png" />" ></a>
                <img src="<spring:url value="/images/personal-center/e-mail.png" />" class="personal-email"
                     data-toggle="popover" data-placement="top"
                     data-content="${user.userEmail}">
                <%--<a href="#" class="personal-edit">--%>
                <%--<img src="<spring:url value="/images/personal-center/edit.png" />" class="edit-icon">--%>
                <%--修改资料--%>
                <%--</a>--%>
            </div>
        </div>
    </div>
    <ul class="personal-menu-bar">
        <li><a href="#" class="menu-bar-panel" id="menu-article">我的文章</a></li>
        <li class="divideBar"></li>
        <li><a href="#" class="menu-bar-panel" id="menu-post">我的帖子</a></li>
        <li class="divideBar"></li>
        <li><a href="#" class="menu-bar-panel" id="menu-activity">我的活动</a></li>
        <li class="divideBar"></li>
        <li><a href="<spring:url value="/AchievementList"/>" class="menu-bar-panel" id="menu-communication">我的成就</a></li>
    </ul>
    <div class="personal-content">
        <div class="article-container">
            <div class="article-content">
                <c:forEach var="blog" items="${blogList}">
                    <div class="article-item">
                        <span href="#" class="article-date">
                                <fmt:formatDate value="${blog.blogCreateTime}" type="date" dateStyle="default"/>
                        </span>
                        <a href="<spring:url value="/readBlog?pid=${blog.blogId}" />"
                           class="article-title">${blog.blogName}</a>
                        <span class="article-info">
                    <span href="#" class="article-read">
                        <img src="<spring:url value="/images/personal-center/view.png" />" class="read-icon">
                        <span class="content-shownumber">${blog.blogReadNum}</span>
                    </span>
                    <span href="#" class="article-like">
                        <img src="<spring:url value="/images/personal-center/like.png" />" class="like-icon">
                        <span class="content-shownumber">${blog.blogLikeNum}</span>
                    </span>
                        </span>
                    </div>
                </c:forEach>
                <nav aria-label="Page navigation" class="page-divider">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="First">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li class="active"><a href="#">1</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Last">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="post-container">
            <div class="post-content">
                <%--<div class="post-item">--%>
                <%--<!--获取发帖日期-->--%>
                <%--<span href="#" class="post-date">2017.09.05</span>--%>
                <%--<!--获取发帖状态-->--%>
                <%--<span class="post-type">发表了主题</span>--%>
                <%--<!--获取发帖标题或内容-->--%>
                <%--<a href="#" class="post-title">文章标题标题</a>--%>
                <%--<span class="post-info">--%>
                <%--<span href="#" class="post-read">--%>
                <%--<img src="images/view.png" class="read-icon">--%>
                <%--<span class="content-shownumber">404</span>--%>
                <%--</span>--%>
                <%--<span href="#" class="post-reply">--%>
                <%--<img src="images/reply.png" class="reply-icon">--%>
                <%--<span class="content-shownumber">404</span>--%>
                <%--</span>--%>
                <%--</span>--%>
                <%--</div>--%>
                <c:forEach var="post" items="${postList}">
                    <div class="post-item">
                        <span href="#" class="post-date">
                                <fmt:formatDate value="${post.postCreateTime}" type="date" dateStyle="default"/></span>
                        <a href="<spring:url value="/postMain?pid=${post.postId}" />"
                           class="post-title">${post.postName}</a>
                        <span class="post-info">
                    <span href="#" class="post-read">
                        <img src="<spring:url value="/images/personal-center/view.png" />" class="read-icon">
                        <span class="content-shownumber">${post.postReadNum}</span>
                    </span>
                    <span href="#" class="article-like">
                        <img src="<spring:url value="/images/personal-center/reply.png" />" class="reply-icon">
                        <span class="content-shownumber">${post.postReplyNum}</span>
                    </span>
                        </span>
                    </div>
                </c:forEach>

                <nav aria-label="Page navigation" class="page-divider">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="First">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li class="active"><a href="#">1</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Last">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="activity-container">
            <div class="activity-content">
                <%--<div class="activity-item">--%>
                <%--<!--获取发帖日期-->--%>
                <%--<span href="#" class="activity-date">2017.09.05</span>--%>
                <%--<!--获取发帖状态-->--%>
                <%--<span class="activity-type">发起了活动</span>--%>
                <%--<!--获取发帖标题或内容-->--%>
                <%--<a href="#" class="activity-title">文章标题标题</a>--%>
                <%--<span class="activity-info">--%>
                <%--<span href="#" class="activity-join">--%>
                <%--<img src="<spring:url value="/images/personal-center/join.png" />" class="join-icon">--%>
                <%--<span class="content-shownumber">404</span>--%>
                <%--</span>--%>
                <%--<span href="#" class="activity-reply">--%>
                <%--<img src="<spring:url value="/images/personal-center/reply.png" />" class="reply-icon">--%>
                <%--<span class="content-shownumber">404</span>--%>
                <%--</span>--%>
                <%--</span>--%>
                <%--</div>--%>
                <c:forEach var="activity" items="${activityList}">
                    <div class="activity-item">
                    <span href="#" class="activity-date">
                            <fmt:formatDate value="${activity.activityDate}" type="date" dateStyle="default"/>
                    </span>
                        <a href="<spring:url value="/activityMain?aid=${activity.activityId}" />"
                           class="post-title">${activity.activityName}</a>
                            <%--<span class="activity-info">--%>
                            <%--<span href="#" class="activity-read">--%>
                            <%--<img src="<spring:url value="/images/personal-center/join.png" />" class="join-icon">--%>
                            <%--<span class="content-shownumber">${activity.activity}</span>--%>
                            <%--</span>--%>
                            <%--<span href="#" class="activity-like">--%>
                            <%--<img src="<spring:url value="/images/personal-center/reply.png" />" class="reply-icon">--%>
                            <%--<span class="content-shownumber">${activity.postReplyNum}</span>--%>
                            <%--</span></span>--%>
                    </div>
                </c:forEach>

                <nav aria-label="Page navigation" class="page-divider">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="First">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li class="active"><a href="#">1</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Last">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="personal-communication">
        <div class="communication-content">

        </div>
    </div>
</div>

<c:import url="/WEB-INF/jsp/frontend/footer.jsp"/>
<%--<c:import url="/WEB-INF/jsp/frontend/script.jsp"/>--%>
<script src="<spring:url value="/js/bootstrap.min.js"/>"></script>
<script src="<spring:url value="/js/personalCenter.js"/>" type="text/javascript"></script>


<script type="text/javascript">

</script>
</body>
</html>